<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_614252_n22cz93iry41v2t9.css"/>
		<link rel="stylesheet" type="text/css" href="css/shop.css"/>
	</head>
	<body>
		<div class="shopM">
			<!--主体内容-->
			<section class="main">
				<input type="checkbox" id="checkAll"/>
				<div class="fixed">
					<div class="settle">
						<div class="check">
							<label for="checkAll" class="checkAll"><i class="iconfont icon-xuanzhong"></i></label>
							<span>全选</span>
						</div>
						<div class="totalPrice">
							<p>
								<span>总价</span>
								<span>&yen;230.5</span>
							</p>
							<p>(共1件， 不含运费)</p>
						</div>
						<div class="goBtn"><a href="index.html">去结算</a></div>
					</div>
				</div>
				<ul>
					<input type="checkbox" id="delete01" class="delete-btn"/>
					<li>
						<div class="checked">
							<input type="checkbox" id="check01" class="check-btn"/>
							<label for="checkAll" class="checkAll"><label for="check01"><i class="iconfont icon-xuanzhong"></i></label></label>
						</div>
						<div class="img"><a href=""><label for="check01"><img src="img/shopImg.jpg" alt="商品1"/></label></a></div>
						<div class="desc">
							<h3><a href="goods.html">【模板】18K金鑽石戒指</a></h3>
							<p class="price">¥40.5</p>
							<input type="number" value="1" class="num"/>
						</div>
						<div class="delete">
							<p><label for="delete01"><i class="iconfont icon-10"></i></label></p>
							<p><label for="delete01">删除</label></p>
						</div>
					</li>
					<input type="checkbox" id="delete02" class="delete-btn"/>
					<li>
						<div class="checked">
							<input type="checkbox" id="check02" class="check-btn" />
							<label for="checkAll" class="checkAll"><label for="check02"><i class="iconfont icon-xuanzhong"></i></label></label>
						</div>
						<div class="img"><a href=""><label for="check02"><img src="img/shopImg.jpg" alt="商品1"/></label></a></div>
						<div class="desc">
							<h3><a href="goods.html">【模板】18K金鑽石戒指</a></h3>
							<p class="price">¥40.5</p>
							<input type="number" value="1" class="num"/>
						</div>
						<div class="delete">
							<p><label for="delete02"><i class="iconfont icon-10"></i></label></p>
							<p><label for="delete02">删除</label></p>
						</div>
					</li>
					<input type="checkbox" id="delete03" class="delete-btn"/>
					<li>
						<div class="checked">
							<input type="checkbox" id="check03"  class="check-btn"/>
							<label for="checkAll" class="checkAll"><label for="check03"><i class="iconfont icon-xuanzhong"></i></label></label>
						</div>
						<div class="img"><a href=""><label for="check03"><img src="img/shopImg.jpg" alt="商品1"/></label></a></div>
						<div class="desc">
							<h3><a href="goods.html">【模板】18K金鑽石戒指</a></h3>
							<p class="price">¥40.5</p>
							<input type="number" value="1" class="num"/>
						</div>
						<div class="delete">
							<p><label for="delete03"><i class="iconfont icon-10"></i></label></p>
							<p><label for="delete03">删除</label></p>
						</div>
					</li>
				</ul>
			</section>
		</div>
	</body>
</html>
